<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>sure_order</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/sure_order.css"/>
	</head>
	<body>
		<header class="header"></header> 
		<div class="SO_wrap">
			<div class="SO_top">
				<img src="img/footer/footer_logo.png" alt="" />
				<div>
					<img src="img/sure_order/mycar.png" alt="" />
					<img src="img/sure_order/sureOrder.png" alt="" />
					<img src="img/shopping_empty/subsuc.png" alt="" />
				</div>
			</div>
			<div class="receliver">
				<span>收货人信息</span>
				<button class="newAddress">使用新地址</button>
			</div>
			<ul class="receliverAll">
				<!--<li><img src="img/sure_order/select.png" alt="" /><p class="expre_name">但小兵</p> <p class="expre_district">北京</p> <p class="expre_detail">+6+151+6666662333352</p>固定电话<p>010-21541589</p>  <span>默认地址</span><span>设为默认地址</span><a href="#">修改</a><a href="#">删除</a>
				</li>-->
			</ul>
			<div class="moreaddress">
				<span>展开其他地址</span>
				<img src="img/sure_order/down.png" alt="" />
				<!--<img src="img/sure_order/up.png"/>-->
			</div>
			<h1 class="shangpinxinxi">商品信息</h1>
			<div class="head">
				<div class="Lileft">
				<span>海澜之家旗舰店</span>
				</div>
				<div class="LiRight">
				<span>规格</span>
				<span>单价</span>
				<span>数量</span>
				<span>金额</span>
				</div>
			</div>
			<ul class="GoodAll">
				
			</ul>
			<div class="so_total">
				<button>到店消费</button>
				<button>商家配送</button>
				<div>
				<div>
					<p>运费</p>
					<p><span>￥</span><span class="yunfei">5.0</span></p>
				</div>
				<div>
					<p>商品金额</p>
					<p><span>￥</span><span class="shangpinjine">108.0</span></p>
				</div>
				<div>
					<p>店铺总计</p>
					<p><span>￥</span><span class="dianpuzongji">113.0</span></p>
				</div>
				</div>
			</div>
			<h1 class="receipt">开票信息</h1>
			<div class="ReceiptAll">
				<div class="receipttop">
					<img src="img/sure_order/noselect.png"/>
					<span>不需要</span>
					<img src="img/sure_order/noselect.png"/>
					<span>个人</span>
					<img src="img/sure_order/noselect.png"/>
					<span>单位</span>
				</div>
				<div class="ReceiptTitle">
					<span>发票抬头:</span>
					<input type="text" />
					<span><span class="star">*</span><span>请填写后认真核对发票信息</span></span>
				</div>
				<div class="AddRemark">
					<h1>添加订单备注</h1>
					<textarea name="mark" rows="1" cols="80"></textarea>
			</div>
			<!--总价钱-->
			<div class="TotalMoney">
				<p>总计:<span class="qian">￥</span><span class="qian qian11"></span></p>
				<p>
					<span>使用积分抵扣(您有1245积分)</span>
					<input class="jifen" type="text" value="1000"/>
					<span class="span2"><span>-￥</span><span class="zhengshu">10</span><span class="xiaoshu">.00</span></span>
				</p>
			</div>
			<div class="line"></div>
			<div class="SubmitOrder">
				<p>应付金额:<span>￥</span><span class="yingfujine">108.0</span></p>
				<p>订单完成后可获得积分:<span>30.9</span></p>
				<button>提交订单</button>
			</div>
		</div>
		<!--添加地址-->
			<!--地址管理-->
			<div id="address_manager">
				<div id="add_update_addr">
					<div id="delivery_address">
						<p>添加地址</p>
						<ul id="delivery_ul">
							<li class="delivery_li">
								<span class="delivery_span delivery_span1">*</span>收货人姓名：
								<input type="text" id="delivery_li1inp" value="" />
							</li>
							<li class="delivery_li">
								<span class="delivery_span">*</span><span>所在地区</span>：
								<!--选择省-->
								<select name="" id="province">
								<option value="">---请选择---</option>
							</select>
								<!--选择市-->
								<select name="" id="city">
								<option value="">---请选择---</option>
							</select>
								<select name="" id="district">
								<option value="">---请选择---</option>
							</select>
							</li>
							<li class="delivery_li">
								<span class="delivery_span">*</span><span>详细地址</span>：
								<input type="text" id="delivery_li3inp" value="" />
							</li>
							<li class="delivery_li">
								<span class="delivery_span">*</span><span>联系电话</span>：
								<input type="text" id="delivery_li4inp1" value="" />
								<span class="delivery_span2">或固定电话 : </span>
								<input type="text" id="delivery_li4inp2" value="" />
								<span class="delivery_span2">-</span>
								<input type="text" id="delivery_li4inp3" value="" />
							</li>
							<li class="delivery_li">
								<img class="li_img" src="img/sure_order/noselect.png" alt="" /><span class="delivery_span2">设为常用地址</span>
							</li>
							<li class="delivery_last">
								<button class="return">返回</button>
								<button class="save">保存</button>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="bottom"></div>
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/distpick.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/sure_order.js" type="text/javascript" charset="utf-8"></script>
</html>
.